/**
 * 2021.07.27
 * Home furnishing的公共样式表
 */


/* 版心 */
.container {
    width: 1200px;
    margin: 0 auto;
}

/* 侧边标题 */
.title {
    width: 100%;
    height: 57px;
    background: url(../images/line_bg.png) no-repeat 0px 13px;
}

.title h1 {
    float: left;
    line-height: 44px;
}

.title .chinese {
    font-size: 28px;
    color: #252525;
}

.title .english {
    font-size: 22px;
    color: #bbb8b5;
    margin-left: 34px;
}

/* 清除浮动 */
.clearfix::after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

/* 浮动 */
.fl {
    float: left;
}

.fr {
    float: right;
}


/* 1 欢迎栏 */
#welcome {
    width: 100%;
    height: 30px;
    min-width: 1200px;
    padding-top: 15px;
    background: #252525;
}

#welcome .content {
    height: 100%;
}

#welcome .content .left {
    font-size: 12px;
    color: white;
}

#welcome .content .right div {
    float: left;
    margin-left: 14px;
}

#welcome .content .right div img {
    vertical-align: middle;
}

#welcome .content .right div a {
    font-size: 12px;
    color: white;
}


/* 2 导航栏 */

#nav {
    height: 100px;
}

#nav a img {
    margin-top: 25px;
}

#nav ul {
    margin-top: 34px;
}

#nav ul li {
    float: left;
    font-size: 16px;
    height: 33px;
    line-height: 28px;
    padding-bottom: 10px;
}

#nav ul li a {
    display: block;
    height:100%;
    padding-left: 30px;
    padding-right: 30px;
    color: #252525;
}

#nav ul li:hover,#nav ul .active {
    background: url(../images/nav_move.jpg) no-repeat center 0;
}

#nav ul li:hover a {
    text-decoration: none;
}

/* =========== 除首页共享样式 ================= */
/* 对照模板理解 */

/* bannerShow */
#bannerShow{
    min-width: 1200px;
    height:310px;
}
#bannerShow a img{
    width:100%;
    height:310px;
}

/* 3 面包屑导航 */
#breadcrumb {
    min-width: 1200px;
    height: 52px;
    font-size: 14px;
    color: #818388;
    line-height: 52px;
    margin-bottom:29px;
    border-bottom: 2px solid #f3f3f3;
}

#breadcrumb div a {
    color: #818388;
    margin-right: 5px;
}

#breadcrumb div a:hover {
    color: tomato;
}

#breadcrumb div span {
    margin-right: 5px;
}

/* 产品展示 */
#select{
    padding-bottom:32px;
}
/* 产品展示的标题部分 */
#select .title {
    width: 100%;
    height: 57px;
    margin-bottom: 35px;
    background: url(../images/line_bg.png) no-repeat 0px 13px;
}

#select .title h1 {
    float: left;
    line-height: 44px;
}

#select .title .chinese {
    font-size: 22px;   
    color: #252525;
}
/* 产品展示内容部分 */
#select .content{
    width:100%; 
    min-width: 1200px;
    padding-bottom:30px;
}
#select .content>div{
    float:left;
}

/* 产品展示的左边目录列表部分 */
#select .content .list{
    width:263px;
    float:left;
}
#select .content .list a{
    display: block;
    width:263px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:14px;
    font-weight: bold;
    color:#252525;
    font-size:14px;
    margin-bottom:1px;
    background:#f2f2f2;     
}
#select .content .list a:hover{
    text-decoration:none;
    color:white;
    background:tomato;
}
#select .content .list img{
    width:263px;
    height:264px;
    margin-top:23px;
}
/* 产品展示的右边列表内容部分 */
#select .content .right{
    width:910px;
    float:right;
    min-height: 593px;
}


/* ============================ */


/* 4 底部 */

#footer {
    clear: both;
    width: 100%;
    min-width: 1200px;
    height: 418px;
    padding-bottom: 30px;
    background: #141414;
}

#footer .content .top div {
    float: left;
}

#footer .content .top {
    width: 100%;
    height: 194px;
    padding-top: 67px;
    padding-bottom: 67px;
}

#footer .content .top .information {
    width: 383px;
}

#footer .content .top .information a {
    width: 100%;
    display: block;
    height: 44px;
    line-height: 44px;
}

#footer .content .top .information a:hover {
    text-decoration: none;
    color: white;
}

#footer .content .top .information .logo {
    width: 156px;
    height: 47px;
    margin-bottom: 35px;
}

#footer .content .top .information .logo img {
    width: 156px;
    height: 47px;
}

#footer .content .top .information a .fixdSize {
    width: 20px;
    height: 17px;
}

#footer .content .top .information a span {
    font-size: 16px;
    color: #818388;
    margin-left: 16px;
}

#footer .content .top .information a:hover span {
    color: white;
}


/* 链接标题  站内搜索标题*/

#footer .title {
    width: 100%;
    height: 57px;
    margin-bottom: 35px;
    background: url(../images/line_bg.png) no-repeat 0px 13px;
}

#footer .title h1 {
    float: left;
    line-height: 44px;
}

#footer .title .chinese {
    font-size: 18px;
    color: white;
}


/* 链接 */

#footer .linkList {
    width: 260px;
    margin-left: 55px;
}

#footer .linkList .list ul {
    float: left;
    font-size: 14px;
}

#footer .linkList .list ul li {
    height: 44px;
}

#footer .linkList .list ul li a {
    color: #818388;
}

#footer .linkList .list ul li a:hover {
    color: white;
    text-decoration: none;
}

#footer .linkList .list .right {
    margin-left: 90px;
}


/* 站内搜索 */

#footer .innerSearch {
    width: 340px;
    margin-left: 122px;
}

#footer .search {
    height: 49px;
}

#footer .search input {
    height: 49px;
    font-size: 14px;
    padding-left: 10px;
    float: left;
    width: 212px;
    background: #333333;
    color: white;
    border: 0px;
}

#footer .search button {
    height: 49px;
    float: left;
    width: 100px;
    font-size: 16px;
    background: #3aa27f;
    color: white;
    border: 0px;
}

#footer .innerSearch .attention {
    clear: both;
    margin-top: 28px;
    font-size: 14px;
    color: #818388;
}

#footer .innerSearch .attention a {
    margin-left: 3px;
}

#footer .bottom {
    width: 100%;
    height: 74px;
    font-size: 12px;
    color: #818388;
    line-height: 74px;
    text-align: center;
    background: #000000;
}